.empty-page{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	img{
		opacity: .5;
	}
	p{
		text-align: center;
		font-size: 18px;
	}
}

ul{
	padding: 0;
}
li{
	list-style: none;
}

.line{
    position: relative;
    height: 50px;
    line-height: 50px;
    .line-bg{
        display: none;
        width: 100%;
        height: 50px;
		padding-left: 12px;
        background: #f1f3f5;
        .checkbox{
            position: absolute;
            top: 20px;
            left: 20px;
        }
    }
    .line-bg-checked{
        display: block;
        background: #e6f7ff;
        color: #189aff;
        border-bottom: 1px solid #fff;
    }
    .line-main{
        position: absolute;
        top: 0;
        right: 0;
        left: 40px;
        height: 50px;
        border-bottom: 1px solid #f1f3f5;
		.file-icon-wrap{
			float: left;
			display: flex;
			align-items: center;
			height: 100%;
			width: 50px;
			.icon{
				font-size: 30px;
			}
		}
		.file-isdir{
			cursor: pointer;
		}
		.file-isdir:hover{
			text-decoration: underline;
		}
		.filename-list{
			display: inline-block;
			max-width: calc(100% - 480px);
			height: 50px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		img{
			position: relative;
			top: -22px;
			width: 40px;
			margin-right: 10px;
		}
		.w200{
			width: 200px;
		}
		.float-right{
			float: right;
		}
    }
    .line-main-checked{
        color: #189aff;
        border-bottom: 1px solid #fff;
    }
    &:hover .line-bg{
        display: block;
    }
}
.rename-input{
	position: absolute;
	z-index: 99;
    left: 40px;
    top: 8px;
}
.video-player-wrap{
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 150px;
	background: rgba(0,0,0,.5);
	.close-icon{
	  position: fixed;
	  top: 60px;
	  right: 60px;
	  font-size: 30px;
	  border: 1px solid #fff;
	  color: #fff;
	}
}
.only-office-wrap{
	position: fixed;
	z-index: 999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	overflow: auto;
	.only-office-header{
		height: 50px;
		line-height: 50px;
		padding-left: 20px;
		background: #fff;
		.only-office-close-icon{
		  position: fixed;
		  top: 10px;
		  right: 10px;
		  font-size: 30px;
		  border: 1px solid #000;
		  color: #000;
		}
		:hover{
			border-color: #555;
			color: #555;
		}
	}
	.only-office-content{
		height: calc(100% - 50px);
		overflow: auto;
	}
}
.view-detail-line{
	display: flex;
	justify-content: space-between;
}
.view-detail-table{
	display: inline-block;
	width: 150px;
	text-align: right;
}
.view-detail-txt{
	display: inline-block;
	width: calc(100% - 160px);
}